<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<jsp:include page="/WEB-INF/jsp/lib.jsp"/>
<!-- 查询表单 -->
部门名称<select>
	<option value="1" >人力资源</option>
</select>
职位名称：<select>
	<option value="10" >人力资源专员</option>
	<option value="1" >人力资源主管</option>
</select>
姓名：<input>
生日：范围查询
入职时间：范围查询
<button id="btn">查询</button>
<table id="dg"></table>
<script type="text/javascript">
//初始化表格
$(function(){
	function formatterDate(datetime){
		if(!datetime){
			return null;
		}
		var date = new Date(datetime);
		var y = date.getFullYear()
		var m = date.getMonth()+1
		var r = date.getDate()
		var h = date.getHours()
		var M = date.getMinutes()
		var s = date.getSeconds()
		return y+"-"+m+"-"+r+" "+h+":"+M+":"+s;
	}
	
	$("#btn").click(function(){
		//带参数的刷新表格
		$('#dg').datagrid({
			queryParams: {
				deptName: $("#dept").val(),
			}
		});

	})
	//初始化表
	$("#dg").datagrid({
		//列宽自适应
		fitColumns : true,
		//加载数据 {"id":1,"deptName":"人力资源部","updateTime":null,"createTime":null,"commont":null}
		url : "staff/list.do",
		//{"stuAge":18,"stuId":1,"stuName":"tom1","stuNum":1,"stuQQ":"12646123","stuSex":"female"},
		columns : [ [ {
			//field的值是json数据的key
			field : 'id',
			//显示的列标题
			title : 'ID',
			//列的宽比例
			width : 100
		}, {
			field : 'deptName',
			title : '部门名称',
			width : 100
		}, {
			field : 'positionName',
			title : '职位名称',
			width : 100
		}, {
			field : 'updateTime',
			title : '修改时间',
			width : 100,
			formatter : function(value, row, index) {
				return formatterDate(value);
			}
		}, {
			//field的值是json数据的key
			field : 'createTime',
			//显示的列标题
			title : '创建时间',
			//列的宽比例
			width : 100,
			formatter : function(value, row, index) {
				return formatterDate(value);
			}
		}, {
			field : 'commont',
			title : '备注',
			width : 100
			
		}]],
		//开启分页
		pagination : true,
		//开启单选
		singleSelect:true,
		//定义工具栏
		toolbar : [ {
			text : "增加",
			iconCls : "icon-add",
			handler : function() {
				
			}
		},"-",
		{
			text : "修改",
			iconCls : "icon-edit",
			handler : function() {
				
			}
		},"-",
		{
			text : "删除",
			iconCls : "icon-remove",
			handler : function() {
				
				
			}
		}]
	})
})


</script>